
html {
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
}

body {
	font-size: 13px;
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
}

a {
	text-decoration: none;
	color:black;
}

#wrapper {
	width: 1010px;
	margin-left: -512px;
	left: 50%;
	top: 36px;
	position: absolute;
}

#tool-bar-area {
	background-color: white;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
	border-color: silver;
	display: inline;
	width: 100%;
	top: 0px;
	position: fixed;
	height: 36px;
	z-index: 2;
	overflow: hidden;
	box-shadow: inset 0px -5px 10px 6px rgba(0,0,0,0.3);
}

#tool-bar-div {
	width: 1010px;
	left: 50%;
	margin-left: -512px;
	position: absolute;
	height: 36px;
	font-size: 14px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	vertical-align: middle;
}

#tool-bar-button-area {
	color: black;
	right: 20px;
	top: 0px;
	position: absolute;
}

.tool-bar-button-area-pos {
	padding: 9px;
	text-align: center;
	height: 18px;
	display: inline-block;
}

/*.tool-bar-button:hover {
	color: white;
	background-color: #161616;
	cursor: pointer;
}*/

#tool-bar-login-div {
	width: 50px;
}

#tool-bar-bg-button {
	/*z-index: -100;
	border: 1px solid rgba(0,0,0,0.5);
	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 5px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);*/
	position:absolute;
	background-color:#9ab;
	z-index:-100;
	box-shadow:inset 0px 0px 4px 2px rgba(0,0,0,0.5);
}

#logo-div {
	padding-left: 10px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-top: 4px;
	border-width: 0px;
	height: 28px;
}

#content-area-div {
}

#main-content-area {
	width: 795px;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	vertical-align: top;
}

#title-overview-div {
	height: 90px;
}

#name-overview-div {
	width: 280px;
	padding: 20px;
	font-size: 25px;
}

.title-div-button {
	margin-bottom: 23px;
	margin-right: 23px;
	margin-top: 23px;
	width: 100px;
	padding: 7px;
	right: 20px;
	border-color: #b2b2b2;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	font-size: 14px;
	margin-left: 300px;
}

.title-overview-div-pos {
	display: inline-block;
}

#navi-div {
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-color: #c0c0c0;
	border-style: solid;
	height: 24px;
}

.navi-button {
	border-color: white;
	margin-left: 20px;
	color: #333333;
	text-align: center;
	display: inline-block;
	padding: 4px;
	font-size: 15px;
	height: 17px;
	width: 80px;
}

.navi-button-selected {
	margin-left: 20px;
	color: #333333;
	text-align: center;
	display: inline-block;
	padding: 4px;
	font-size: 15px;
	height: 17px;
	width: 80px;
	border-style: solid;
	border-left-color: #b2b2b2;
	border-bottom-color: white;
	border-right-color: #b2b2b2;
	border-top-color: #b2b2b2;
	border-width: 1px;
	padding: 3px;
	cursor: default;
}

.navi-button-released:hover {
	border-style: solid;
	border-left-color: #b2b2b2;
	border-bottom-color: white;
	border-right-color: #b2b2b2;
	border-top-color: #b2b2b2;
	border-width: 1px;
	padding: 3px;
	cursor: pointer;
}

#off-content-area {
	vertical-align: top;
}

#overview-div {
	margin-top: 25px;
	text-align: right;
	width: 180px;
}

#overview-info-div {
	
}

#overview-avatar-div {
}
#avatar-img {
	z-index: 0;
	border-radius: 5px 5px 4px 4px;
}

#avatar-img-mask {
	position: absolute;
	top: 24px;
	width: 179px;
	height: 180px;
	z-index: 1;
	border: 1px solid rgba(0,0,0,0.5);
   	border-radius: 5px 5px 4px 4px;
   	background: rgba(0,0,0,0.15);
   	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.4), inset 0 10px 20px rgba(255,255,255,0.55), inset 0 -15px 30px rgba(0,0,0,0.3);
}

#content-div {
	min-height: 600px;
	width: 790px;
	padding: 20px;
}

#content2-div {

}

#logo {
	margin: 0px;
	width: 120px;
}

#logo-pre {
	width: 100px;
}

.link-like-element:hover {
	cursor: pointer;
}

#navi-content-area {
	border-style: solid;
	border-color: #b2b2b2;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-width: 0px;
	width: 180px;
	vertical-align: top;
}


#display-content-area {
	border-left-width: 0px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #a2a2a2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	height: 600px;
	width: 820px;
	vertical-align: top;
}

#identity-div {
	padding: 5px;
	margin-top: 20px;
}

#identity-avatar-div {
	display: inline-block;
	vertical-align: middle;
}

#identity-name-div {
	font-weight: bold;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
}

.inline-block {
	display: inline-block;
}

.people-gallery-area {
	font-size: 14px;
	padding: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
}

.circle-gallery-area {
	font-size: 14px;
	padding: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-top: 0px;
}

#home-navi-div {
	padding: 5px;
}

#home-content-div {
	width: 100%;
}

.app-icon-div {
	display: inline-block;
	
}

.app-title-class {
	padding: 15px;
	font-weight: bold;
	font-size: 18px;
}

.home-post-create-class {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	padding-top: 10px;
	margin-bottom: 10px;
	border-width: 2px;
	width: 500px;
	border-style: solid;
	border-color: #cacaca;
}

#post-create-div {
	padding: 15px;
}

.display-friends-posts-class {
	width: 650px;
}

.display-post-class {
	padding: 20px;
}

.display-post-photo-class {
	padding-right: 5px;
	display: inline-block;
	vertical-align: top;
}

.display-post-content-class {
	padding-left: 10px;
	line-height: 20px;
	display: inline-block;
}

.display-post-content-name-class {
	margin-bottom: 10px;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #1f54bf;
	display: inline-block;
}

.display-post-content-date-class {
	margin-bottom: 10px;
	line-height: 25px;
	display: inline-block;
	padding-left: 15px;
}


textarea#post-create-content {
	font-family: sans-serif;
	resize: none;
}

#post-create-share-div {
	margin-left: 325px;
	display: inline-block;
	color: white;
	text-align: center;
	width: 80px;
	height: 16px;
	padding: 7px;
}

.post-create-share-div-enable {
	background-color: red;
}

.post-create-share-div-disable {
	background-color: #ff8c87;
}

#home-post-create-div {
	position: relative;
	font-family: sans-serif;
	color: #8b8686;
	cursor: text;
}

#post-create-cross {
	left: 510px;
	top: 5px;
	position: absolute;
	width: 32px;
	height: 32px;
}

#home-post-textarea-div {
	position: relative;
}

#post-create-share-dropdown {
	display: inline;
}

#post-create-share-option-button {
	position: absolute;
	padding-left: 11px;
	padding-bottom: 5px;
	padding-right: 1px;
	padding-top: 5px;
	border-color: #008040;
	border-width: 2px;
	border-style: solid;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
	color: #008040;
	width: 100px;
	height: 16px;
}

#post-share-drop-down-list {

	width: 200px;

	display: none;
	background-color: white;
	z-index: 2;
	left: -2px;
	top: -2px;
	text-align: left;
	position: absolute;
	border-color: #008040;
	border-style: solid;
	border-width: 2px;
}

.post-share-drop-down-item {
	padding-left: 25px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-top: 6px;
	position: relative;
	color: #046d32;
	height: 16px;
}

.post-share-drop-down-item:hover {
	background-color: #046d31;
	color: white;
}

.post-share-drop-item-check {
	top: 5px;
	left: 5px;
	position: absolute;
}

.home-circle-post {
	margin: -1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #a2a2a2;
	border-bottom-width: 1px;
	border-style: solid;
	border-top-width: 1px;
}

.home-circle-post-title {
	padding-top: 20px;
	font-weight: bold;
	font-size: 16px;
	padding-left: 20px;
}

.home-circle-post-left {
	width: 650px;
	display: inline-block;
}

.home-circle-post-right {
	margin-top: 20px;
	display: inline-block;
	vertical-align: top;
}

.display-circle-posts-class {
	width: 490px;
}

.display-circle-photo-class {
	border-width: 1px;
	border-color: #909090;
	border-style: solid;
}

#circles-settings-entry {
	height: 50px;
}

#circles-settings-frame {
}

#circles-settings-content {
}

.circles-settings-navi-button {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 5px;
	width: 120px;
	border-color: white;
	border-style: solid;
	border-width: 2px;
	padding: 10px;
}

.circles-settings-navi-button-on {
	border-color: #a2a2a2;
}

#circles-settings-frame {
	width: 810px;
	overflow: hidden;
}

#circle-create-form-internal {
	padding: 20px;
}

#circle-create-form-location-canvas {
	height: 256px;
	width: 650px;
}

#circle-select-form {
	padding-bottom: 20px;
	padding-left: 20px;
	display: inline-block;
}

#circle-select-submit {
	padding-left: 30px;
	display: inline-block;
}

#info-of-joined-circles-div {
	border-right-width: 0px;
	border-left-width: 0px;
	border-color: #a2a2a2;
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width: 1px;
}

.circle-info {
	padding-left: 8px;
	padding-top: 20px;
	display: inline-block;
	vertical-align: top;
}

.no-title-dialog .ui-dialog-titlebar {
	display:none;
}

